<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- meta 说明网页的信息，不会直接显示出来 -->
    <!-- 单标签 -->
    <meta charset="UTF-8" />
    <!-- name="viewport" 设置网页的宽度等于设备的宽度 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="" content="这是一个练习的网站" />
    <title>Document</title>
    <!-- 快捷键：link：favicon 图标 -->
    <!-- 一般格式是icon，如果没有让UI给一个png图片 -->
    <!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> -->
    <!-- png图片 -->
    <link rel="shortcut icon" href="./ic_avatar.png" type="image/png" />
  </head>
  <body>
    <!-- 单标签 -->
    <!-- 分割线标签 -->
    <hr />
    <!-- 换行标签 -->
    <br />
    <link />

    <!-- 双标签 -->
    <div>
      你好啊，我要换行<br />我换了吧，我来一个水平分割
      <hr />
      有了吧哈哈
    </div>
  </body>
</html>
